<div>

    <div class="ibox ">
        <div class="ibox-title">
            <h5>
                <vc:i18n name="巡检计划" namespace="inspectionPlanDetail"></vc:i18n>
            </h5>
            <div class="ibox-tools">
             
            </div>
        </div>
        <div class="ibox-content">
            <div class="row">
            
                <div class="col-sm-2">
                    <div class="form-group">
                        <label class="col-form-label">
                            计划名称：
                        </label>
                        <label class="">{{inspectionPlanDetailInfo.inspectionPlanName}}</label>
                    </div>
                </div>
                <div class="col-sm-2">
                    <div class="form-group">
                        <label class="col-form-label">
                            计划路线：
                        </label>
                        <label class="">{{inspectionPlanDetailInfo.inspectionRouteName}}</label>
                    </div>
                </div>
                <div class="col-sm-2">
                    <div class="form-group">
                        <label class="col-form-label">
                            计划周期：
                        </label>
                        <label class="">{{inspectionPlanDetailInfo.inspectionPlanPeriodName}}</label>
                    </div>
                </div>

                <div class="col-sm-2">
                    <div class="form-group">
                        <label class="col-form-label">
                            签到方式：
                        </label>
                        <label class="">{{inspectionPlanDetailInfo.signTypeName}}</label>
                    </div>
                </div>
                <div class="col-sm-2">
                    <div class="form-group">
                        <label class="col-form-label">
                            日期范围：
                        </label>
                        <label class="">{{inspectionPlanDetailInfo.startDate}}~{{inspectionPlanDetailInfo.endDate}}</label>
                    </div>
                </div>
                <div class="col-sm-2">
                    <div class="form-group">
                        <label class="col-form-label">
                            时间范围：
                        </label>
                        <label class="">{{inspectionPlanDetailInfo.startTime}}~{{inspectionPlanDetailInfo.endTime}}</label>
                    </div>
                </div>
                <div class="col-sm-2">
                    <div class="form-group">
                        <label class="col-form-label">
                            任务提前(分钟)：
                        </label>
                        <label class="">{{inspectionPlanDetailInfo.beforeTime}}</label>
                    </div>
                </div>
                <div class="col-sm-2">
                    <div class="form-group">
                        <label class="col-form-label">
                            制定人：
                        </label>
                        <label class="">{{inspectionPlanDetailInfo.createUserName}}</label>
                    </div>
                </div>
                <div class="col-sm-2">
                    <div class="form-group">
                        <label class="col-form-label">
                            制定时间：
                        </label>
                        <label class="">{{inspectionPlanDetailInfo.createTime}}</label>
                    </div>
                </div>
                <div class="col-sm-2">
                    <div class="form-group">
                        <label class="col-form-label">
                            状态：
                        </label>
                        <label class="">{{inspectionPlanDetailInfo.stateName}}</label>
                    </div>
                </div>
									
            </div>

        </div>
    </div>
    <div class="ibox ">

        <div class="ibox-content">
            <div class="margin-top-sm">
                <ul class="nav nav-tabs">
                    <li class="nav-item">
                        <a class="nav-link" v-bind:class="{active:inspectionPlanDetailInfo._currentTab == 'inspectionPlanDetailStaff'}"
                            v-on:click="changeTab('inspectionPlanDetailStaff')">
                            <vc:i18n name="巡检人员" namespace="inspectionPlanDetail"></vc:i18n>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" v-bind:class="{active:inspectionPlanDetailInfo._currentTab == 'pointRoute'}"
                            v-on:click="changeTab('pointRoute')">
                            <vc:i18n name="巡检路线" namespace="inspectionPlanDetail"></vc:i18n>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" v-bind:class="{active:inspectionPlanDetailInfo._currentTab == 'inspectionRoutePoint'}"
                            v-on:click="changeTab('inspectionRoutePoint')">
                            <vc:i18n name="巡检点" namespace="inspectionPlanDetail"></vc:i18n>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" v-bind:class="{active:inspectionPlanDetailInfo._currentTab == 'routeTask'}"
                            v-on:click="changeTab('routeTask')">
                            <vc:i18n name="巡检任务" namespace="inspectionPlanDetail"></vc:i18n>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" v-bind:class="{active:inspectionPlanDetailInfo._currentTab == 'pointTaskDetail'}"
                            v-on:click="changeTab('pointTaskDetail')">
                            <vc:i18n name="巡检明细" namespace="inspectionPlanDetail"></vc:i18n>
                        </a>
                    </li>
                </ul>
            </div>

            <div v-if="inspectionPlanDetailInfo._currentTab == 'inspectionPlanDetailStaff'">
                <vc:create path="inspection/inspectionPlanDetailStaff"></vc:create>
            </div>
            <div v-if="inspectionPlanDetailInfo._currentTab == 'pointRoute'">
                <vc:create path="inspection/pointRoute"></vc:create>
            </div>
            <div v-if="inspectionPlanDetailInfo._currentTab == 'inspectionRoutePoint'">
                <vc:create path="inspection/inspectionRoutePoint"></vc:create>
            </div>
            <div v-if="inspectionPlanDetailInfo._currentTab == 'routeTask'">
                <vc:create path="inspection/routeTask"></vc:create>
            </div>
            <div v-if="inspectionPlanDetailInfo._currentTab == 'pointTaskDetail'">
                <vc:create path="inspection/pointTaskDetail"></vc:create>
            </div>
            

        </div>
    </div>


</div>